@li-hover-bg: #262626;
@cnm-font-color: #4C4C4C;

.c-navigation_menu{
    width:100%;
    height:100%;
    &>ul {
        list-style: none;
        li{
            line-height: 28px;
            cursor: pointer;
            padding: 8px 0px;
            border-left: 3px solid transparent;
            overflow: hidden;
            &>div{
                margin-left: 5px;
                font-weight: 500;
            }
            .fa{
                margin: 5px;
            }
            &.curr{
                border-left: 3px solid #0886a0;
                background-color: #ECE9E9 !important;
                color: #0886a0 !important;
            }
            &:hover{
                background-color: #394555;
                /*color: @li-hover-bg;*/
            }
            .ext{
                float: right;
                &:before {
                    content: "\f067";
                }
            }

            &[data-active=true]{
                .sub-nav{
                    height: auto !important;
                }
                .ext:before {
                    content: "\f068";
                }
            }
            .sub-nav {
                -webkit-transition: all 0.5s;
                -moz-transition: all 0.5s;
                -ms-transition: all 0.5s;
                -o-transition: all 0.5s;
                transition: all 0.5s;
                height: 0px !important;
                overflow: hidden;
                &>li{
                    &:hover{
                        background-color: #293242;
                    }
                    &>div{
                        margin-left: 30px;
                        /*color: #7f7f7f;*/
                    }
                }
                * {
                    font-size: 1.1rem;
                }
            }
        }
    }
}
